@charset "utf-8";
/* CSS Document */

/*banner 焦点图 */
.bannerBox {position: relative;	z-index: 0;	height: 642px;}
.bannerBox .swiper-container {	width: 100%; height: 100%;}
.bannerBox .swiper-slide {
	width: 100%;
	height: 100%;
	background: center center no-repeat;
	background-size: cover;
}
.bannerBox .swiper-slide a {display: block;	width: 100%;height: 100%;	cursor: pointer;}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,.swiper-pagination-fraction {	bottom: 1.4em;}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;}
.bannerBox .swiper-pagination-bullet {
	background-color: transparent;
	width: 0.5em;
	height: 0.5em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	background-color:rgba(3,166,120,1);
}
.bannerBox .swiper-pagination-bullet-active {
	background-color:rgba(3,166,120,0.36);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
@media only screen and (max-width:1200px) {
	.bannerBox { height: 53.5vw;}
}
@media only screen and (max-width:828px) {
	/* banner */
	.bannerBox {
		height: 50vw;
		min-width: auto;
	}
	.bannerBox .swiper-slide {
		background-size: cover;
	}
	.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: 0.6em;
	}
	.bannerBox .swiper-pagination-bullet {
		width: 0.6em;
		height: 0.6em;
	}
}

.desireBox {  padding: 7em 0 5em;
background: url(../imgs/newbg.png) center center no-repeat;}
.desireBox .title { line-height: 1.3; color: #03a678; text-align: left; }
.desireBox .title2 { line-height: 1.3; color: #03a678; font-weight: bold;text-align: left;}

.swiper_de_w { margin: 2.8em -3.2% 0;
	position: relative;
	z-index: 0;
}
.swiper_de_w .swiper-container {
	margin: 0 auto;   overflow: hidden;
}
.swiper_de .swiper-slide {
	display: block;
	width: 100%;
}
.swiper_de .item { display: block; cursor: pointer; position: relative; z-index: 0;
 width: 82.5%; padding-top: 82.5%;overflow: hidden;
  -moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;
  border: 1px solid transparent;
   -moz-box-shadow: 0 0 1.5em rgba(0, 0, 0, .13);
   -webkit-box-shadow: 0 0 1.5em rgba(0, 0, 0, .13);
   box-shadow: 0 0 1.5em rgba(0, 0, 0, .13);
margin: 2em auto;}
.swiper_de .item img { position: absolute; left: 0; top: 0;
 width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.swiper_de .item:hover { border: 1px solid #03a678;
-moz-box-shadow: 0 0 1em rgba(3, 166,120, .22);
   -webkit-box-shadow:  0 0 1em rgba(3, 166,120, .22);
   box-shadow:  0 0 1em rgba(3, 166,120, .22);
}

.desireBox .swiper-button-next,
.desireBox .swiper-button-prev {
	position: absolute;
	z-index: 3;
	top: 50%;
	margin-top: -42px;
	width: 2.5em;
	height: 2.5em;
	background: center center no-repeat;
	background-size:contain;
}

.desireBox .swiper-button-prev {
	left: -2.6em;
	background-image: url(../imgs/arrow2_left.png);
}

.desireBox .swiper-button-next {
	right: -2.6em;
	background-image: url(../imgs/arrow2_right.png);
}
.desireBox .swiper-button-next:hover,
.desireBox .swiper-button-prev:hover {}
.desireBox .swiper-button-disabled {}

@media only screen and (max-width:828px) {
.desireBox {  padding: 2.2em 0 1em;background-size:85% auto;}
.desireBox .titlez { padding: 0 0.8em;}
.swiper_de_w { margin: 0 0.8em 0;}
.desireBox .swiper-button-next,
.desireBox .swiper-button-prev { 
	margin-top: -0.4em;	width: 0.8em;	height: 0.8em; }
.desireBox .swiper-button-prev {left:-0.8em;}
.desireBox .swiper-button-next {right: -0.8em;}

.swiper_de .item { margin: 1em auto;
   -moz-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, .13);
   -webkit-box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, .13);
   box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, .13);}
}
.swiper_de .item:hover {
-moz-box-shadow: 0 0 0.25em rgba(3, 166,120, .22);
   -webkit-box-shadow:  0 0 0.25em rgba(3, 166,120, .22);
   box-shadow:  0 0 0.25em rgba(3, 166,120, .22);
}

.newBox { padding: 7em 0 9.8em; 
background: url(../imgs/newbg.png) center center no-repeat;}
.newBox .title { text-align: left; max-width: 1200px; margin: 0 auto; font-weight: bold;}
.newBox .title::before { content: ""; display: block; width: 0.5em; height: 0.18em;
 margin: 0 auto 0 0; background-color: #000;}
.newBox .list { margin-top: 2.8em; line-height: 4em;}
.newBox .list li { padding: 1.5em 0;}
.newBox .list a { color: #1b1c20; display: block; cursor: pointer;}
.newBox .list a .item {position: relative; z-index: 0; text-align: left;
display: flex; justify-content: flex-start;}
.newBox .list a:hover { background-color: #edf9f5; color: #1275bb;}
.newBox .list a .item .date { position: relative; z-index: 0;}
.newBox .list a .item .date span {width: 2.8em;}
.newBox .list a .item .date::before {
	content: "";display: block; position: absolute; left: 50%; bottom:-1.5em;
	width: 0.722em; height: 0.722em; margin-left: -0.361em;
	background: url(../imgs/arrow.png) center center no-repeat;
	background-size:contain;}
.newBox .list a .item .name { height: 4em; overflow: hidden; margin-left: 3.6em; flex: 1;}
@media only screen and (max-width:828px) {
.newBox { padding: 1.2em 0 1.8em;background-size:85% auto;
background-position: center 36%}
.newBox .list { line-height: 2.5em; margin-top: 0;}
.newBox .list li { padding: 0.6em 0;}
.newBox .list a .item .date span { font-size: 18px;}
.newBox .list a .item .date::before {
	bottom:-0.5em;
	width: 0.4em; height: 0.4em; margin-left: -0.2em;}
.newBox .list a .item .name { margin-left: 1em; height: 2.5em;}
}

.reportBox { padding: 1.2em 0 8.7em; 
background: url(../imgs/newbg.png) center 0 no-repeat;}
.reportBox .title { text-align: left;  font-weight: bold;}
.reportBox .title::before { content: ""; display: block; width: 0.5em; height: 0.18em;
 margin: 0 auto 0 0; background-color: #000;}
.reportBox .list {  }
.reportBox .list li { margin-top: 198px; padding: 1.5em 2.2em;
 -moz-box-shadow: 0 0.4em 1em rgba(0, 0, 0, .16);
 -webkit-box-shadow: 0 0.4em 1em rgba(0, 0, 0, .16);
 box-shadow: 0 0.4em 1em rgba(0, 0, 0, .16);
 display: flex; justify-content: space-between; align-items: center; 
 background-color: #fff;
 -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
.reportBox .list li:first-child { margin-top: 156px;}
.reportBox .list .picb { width: 246px; margin-top: -136px;}
.reportBox .list .pic { display: block; cursor: pointer; 
width: 100%; padding-top: 140%;
position: relative; z-index: 0;}
.reportBox .list .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.reportBox .list .txt { margin-left: 6.3%; flex: 1; text-align: left;}
.reportBox .list .txt .name { font-weight: bold; color: #03a678; height: 1.5em;
overflow: hidden;}
.reportBox .list .txt .name a {color: #03a678;}
.reportBox .list .txt .intro { margin-top: 1.2em; line-height: 1.2;
height: 2.4em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.reportBox .list .txt .more { font-weight: bold;}
.reportBox .morew { margin-top: 4.7em;}

@media only screen and (max-width:828px) {
.reportBox { background-size:85% auto;}
.reportBox { padding: 1.2em 0;}
.reportBox .list .picb { width: 5.8em;}
.reportBox .list .txt { margin-left: 1em;}
.reportBox .list .txt .intro { margin-top: 0.2em; line-height: 1.8em; height: 3.6em;}
.reportBox .list li:first-child{ margin-top: 4em;}
.reportBox .list li { margin-top: 4em; padding: 0.8em 0.6em;
 -moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, .16);
 -webkit-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, .16);
 box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, .16);
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.reportBox .list .picb { margin-top: -4em;}
.reportBox .morew { margin-top: 1em;}
}

.cenBox { padding: 6em 0 6em; 
background: url(../imgs/cenbg.png) center 0 no-repeat; color: #1275bb;}
.cenBox .con { text-align: center;}
.cenBox .title {  font-weight: bold;}
.cenBox .intro { margin-top: 1em;}
.cenBox .morew { margin-top: 2.5em;}
@media only screen and (max-width:828px) {
.cenBox { padding: 1.2em 0 2em; background-size:58% auto;
background-position: center center;}
.cenBox .morew { margin-top: 0.8em;}
.cenBox .intro { }
}
